<template>
    <div class="wrap">
      <header-v></header-v>
      
      <div class="news-content">
            <div class="title">
                <img src="../../assets/bcfq.png" />
                <p>NEW PRODUCTS</p>
                <router-link to="/newsList">最新产品</router-link>
            </div>
            <div class="con">
                <ul class="news">
                    <li>
                        <router-link to="/newsMsg" class="classify" title="[公司新闻]">[公司新闻]</router-link>
                        <router-link to="/newsMsg" title="">巴黎欧莱雅绝配无瑕粉底霜</router-link>
                        <span>2017-05-12</span></li>
                    <li>
                        <router-link to="/newsMsg" class="classify" title="[公司新闻]">[公司新闻]</router-link>
                        <router-link to="/newsMsg" title="">Guerlain限量珍藏</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" class="classify" title="[公司新闻]">[公司新闻]</router-link>
                        <router-link to="/newsMsg" title="">魔幻色彩—粉红佳人系列隆</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" class="classify" title="[公司新闻]">[公司新闻]</router-link>
                        <router-link to="/newsMsg" title="">植村秀08最新风尚假睫毛</router-link>
                        <span>2017-05-12</span>
                    </li>
                    <li>
                        <router-link to="/newsMsg" class="classify" title="[化妆技巧]">[化妆技巧]</router-link>
                        <router-link to="/newsMsg" title="">选对底妆让你美丽度夏</router-link>
                        <span>2017-05-12</span>
                    </li>
                </ul>
                <div class="page">
                    <router-link to="/newsList" class="num prev"> < </router-link>
                    <router-link to="/newsList" class="active num">1</router-link>
                    <router-link to="/newsList" class="num">2</router-link>
                    <router-link to="/newsList" class="num">3</router-link>
                    <router-link to="/newsList" class="num">4</router-link>
                    <router-link to="/newsList" class="num">5</router-link>
                    <span>...</span>
                    <router-link to="/newsList" class="num">6</router-link>
                    <router-link to="/newsList" class="num">7</router-link>
                    <router-link to="/newsList" class="num next"> > </router-link>
                </div>
            </div>
      </div>
      
      <footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
    components: {
        headerV : header,
        footerV : footer,
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css">
  /* newsList.style */

    .news-content .news{ padding:0 0.1rem;}
    .news-content .news li{border-bottom:0.01rem dashed #e2e2e2; height:0.35rem; line-height:0.35rem;}
    .news-content .news li a{ color:#5a5a5a; -webkit-transition:0.2s; transition:0.2s; }
    .news-content .news .classify{ color:#f55e6a; margin-right:0.08rem;}
    .news-content .news li a:hover{color:#f55e6a; }
    .news-content .news li span{ float:right; margin-right:0.04rem; color:#929292; line-height:0.31rem; }
</style>
